$(function(){

  //创建两个数组  数组长度是可变的
    var names=new Array();//名字
    var salarys=new Array();//战力值




    //使用ajax获取服务器端数据
    $.get("employee",function(data){
      //遍历所有对象
        for (var i=0;i<data.length;i++){
            //得到每个英雄得名字和战力值添加到定义好的两个数组
            names[i]=(data[i].name);
            salarys[i]=(data[i].salary);
        }

        //创建high charts图表
        var options={
            //指定图表类型
            chart:{
                type: "bar"  //柱形图
            },
            title:{
                text: "英雄战力图表"
            },
            xAxis:{
                //指定英雄姓名
                title:{
                    text: '名字'  // x轴的标题
                },
                categories:names
            },
            yAxis:{
                //指定英雄战力
                //设置最小战力为2000
                min:2000,
                title:{
                    text: "战力值"
                }

            },
            //显示数据
            series:[{

                name:"战力值",
                //指定战力得数组
                data:salarys

            }],
            credits: {
                enabled: false     //不显示LOGO
            }

        };

        //放在div中显示出来
        $("#container").highcharts(options);
    });




})